<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta name="renderer" content="webkit|ie-comp|ie-stand">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
<meta http-equiv="Cache-Control" content="no-siteapp" />
<!--[if lt IE 9]>
<script type="text/javascript" src="lib/html5.js"></script>
<script type="text/javascript" src="lib/respond.min.js"></script>
<script type="text/javascript" src="lib/PIE_IE678.js"></script>
<![endif]-->
<link href="css/H-ui.min.css" rel="stylesheet" type="text/css" />
<link href="css/H-ui.admin.css" rel="stylesheet" type="text/css" />
<link href="lib/icheck/icheck.css" rel="stylesheet" type="text/css" />
<link href="lib/Hui-iconfont/1.0.7/iconfont.css" rel="stylesheet" type="text/css" />
<!--[if IE 6]>
<script type="text/javascript" src="lib/DD_belatedPNG_0.0.8a-min.js" ></script>
<script>DD_belatedPNG.fix('*');</script>
<![endif]-->
<title>图片预览</title>
<style type="text/css">
	body{
		background-color: #333; color: #fff;
	}
	#slider-1{width:760px;text-align:center; margin: 0 auto; height: 640px;}
	#slider-1 .slider{width: 100%; height: 100%;}
	#slider-1 .bd li{text-align: center; width: 100%; height: 100%;}
	#slider-1 .bd,#slider-1 .bd li,#slider-1 .bd img{max-width: 100%; max-height: 640px; width: auto; height: auto; margin: 0 auto;}
	#slider-1 .hd{ margin-top:2px;height:58px;width:762px; padding:0px; bottom: 0px;}
	#slider-1 .hd li{ position:relative; display:inline-block; float:left; margin-right:2px;cursor:pointer;width:125px; height:58px}
	#slider-1 .hd li img{ display:block;width:125px; height:58px}
	#slider-1 .hd li i{ position:absolute; display:block; z-index:9; left:0; top:0; right:0; bottom:0; background-color:rgba(0,0,0,0.6)}
	#slider-1 .hd li.active i{ width:11px; height:6px; background:url(images/iconpic-arrow-up.png) no-repeat 0 0; top:-6px; left:50%; margin-left:-5px; bottom:auto; right:auto}
	/*水平垂直居中*/
.s-center{
  display: -webkit-flex; 
  display: flex; 
  -webkit-align-items: center; 
  align-items: center; 
  -webkit-justify-content: center; 
  justify-content: center;
}
</style>
</head>
<body>

<div class="pd-20 ">
	<div id="slider-1" class="bg-fff box-shadow radius ">
		<div class="slider">
			<div class="bd">
				<ul id="bimgs" class="s-center">
					
				</ul>
			</div>
			<ol class="hd cl" id="simgs">
				
			</ol>
		</div>
	</div>
</div>
<script type="text/javascript" src="lib/jquery/1.9.1/jquery.min.js"></script> 


<script type="text/javascript" src="lib/layer/2.1/layer.js"></script> 
<script type="text/javascript" src="js/H-ui.js"></script> 
<script type="text/javascript" src="js/H-ui.admin.js"></script> 
<script type="text/javascript" src="js/s.js"></script> 


<script type="text/javascript" src="js/jquery.SuperSlide.min.js"></script>
<script type="text/javascript">
var id=getUrlParam('id');//编辑菜单id
var tt=getUrlParam('from');
if(tt=='apply'){
	var url=API_APPLYLIST+'?aid='+id;
}else if(tt=='good'){
	var url=API_GOODS+"?id="+id;
}else{
	var url=API_GOODS+"?id="+id;
}




$(function(){

	$.getJSON(url,function(data){
		if(!checkStatus(data)) return;//判断登录
		var goods_images=data.datas.goods_images;
    	for (x in goods_images){
    		
    	   	$('#bimgs').append('<li><a href="#" target="_blank"><img src="'+goods_images[x]+'" ></a></li>');	
    	   	$('#simgs').append('<li><i></i><img src="'+goods_images[x]+'"></li>');	
    	}
    	jQuery("#slider-1 .slider").slide({
    		mainCell:".bd ul",
    		titCell:".hd li",
    		trigger:"click",
    		effect:"leftLoop",
    		autoPlay:false,
    		delayTime:850,
    		interTime:7000,
    		pnLoop:false,
    		titOnClassName:"active"
    	})

	})

	
	

});
</script>
</body>
</html>